.dataScreen-container {
  width: 100%;
  height: 100%;
  background-image: url("./images/bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  .main-content {
    // position: fixed;
    // top: 50%;
    // left: 50%;
    // z-index: 999;
    // display: flex;
    // flex-direction: column;
    // overflow: hidden;
    // transition: transform 0.3s;
    // transform-origin: left top;

    .header-part {
      display: flex;
      height: 38px;
      width: 100%;
      .left-h,
      .right-h {
        position: relative;
        width: 567px;
        height: 100%;
        background-image: url("./images/dataScreen-header-left-bg.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        .left-title,.right-title{
            position: absolute;
            right: 0;
            background: url("./images/dataScreen-header-btn-bg-l.png") no-repeat;
            background-size: 100% 100%;
            height: 42px;
            width: 136px;
            border-radius: 4px;
            font-family: YouSheBiaoTiHei;
            font-size: 18px;
            text-align: center;
            line-height: 40px;
            color: #05e8fe;
        }
        .right-title{
            left: 0;
            background: url("./images/dataScreen-header-btn-bg-r.png") no-repeat;
        }
      }
      .center-h {
        flex: 1;
        height: 100%;
        position: relative;
        .center-title{
            height: 82px;
            font-family: YouSheBiaoTiHei;
            font-size: 32px;
            line-height: 78px;
            letter-spacing: 4px;
            background-image: url("./images/dataScreen-header-center-bg.png");
            background-repeat: no-repeat;
            text-align: center;
            color: #05e8fe;
        }
      }
    }
  }
}
